Los conocidos Sitemaps suelen usarse para indicar a una araña web cómo deben ser encontradas las páginas. Esa palabra usada en blog o web suele usarse como sustituta de Mapa del sitio que no es otra cosa que una lista de las páginas a las que pueden acceder no sólo las arañas web sino también las visitas para localizar algo concreto.
En Blogger no tenemos índice ni mapa del sitio. En su lugar utilizamos para localizar algo las etiquetas, los archivos, el buscador y algún que otro menú pero no es lo mismo porque en el mapa del sitio lo tenemos todo ordenado en un sólo lugar.
Hasta hace poco mi mapa del sitio llamado Tabla de contenidos por su autor era esta se consigue gracias a un script proporcionado por Beautiful Beta
Siguiendo las indicaciones de Rosa la tabla de contenidos se instala en la misma página aunque yo opté por hacerlo en otro blog enlazando la url desde el menú.
El sistema es el mismo que días atrás nos proporcionaba Malina con la única diferencia que el script ha sido modificado y actualizado por Abu Farhan
Se ha suprimido el botón en la sidebar para mostrar la tabla de contenidos aunque sigue siendo necesario crear un punto de enlace, y añadido el texto de Nuevo! o New! según idioma que tengamos en las últimas 10 entradas.
Como cualquier gadget que trabaja con los feeds del blog tiene sus limitaciones y estas son que sólo muestra 999 entradas que presumiblemente serán las últimas.
Para crear el mapa del sitio descargamos el script y lo subimos a nuestro servidor.
Editamos una nueva entrada y en su interior añadimos:
<script style="text/javascript" src="url-archivo-js"></script>
<script src="http://nuestro-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Donde dice url-archivo-js lo sustituimos por la url de nuestro archivo que previamente subimos al servidor.
Si pensamos que es engorroso subir el script a un servidor externo podemos optar por añadirlo directamente a la plantilla. Bastará con buscar </head> y justo antes pegar el contenido del siguiente archivo.
La llamada al script la seguiremos añadiendo en una entrada:
<script src="http://nuestro-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
En http://nuestro-blog.blogspot.com/ lo sustituimos por la url de nuestro blog.
Antes de dar salida a la entrada editamos la fecha y añadimos una fecha antigua para que no se visualice en la página principal.
Para enlazar esa entrada la buscamos en los archivos con la fecha que la editamos, copiamos la dirección que aparece en la barra del navegador cuando visualizamos la entrada completa y esa dirección es la que añadiremos al enlace.
Los títulos de nuestras entradas se mostrarán en el color que tenemos definido para los enlaces porque "son" enlaces.
Ver ejemplo en el menú superior donde dice "Mapa del sitio"
Listo! Hola Gema☺...estuvo facil de implementar...ahora tengo que acomodar los colores de los enlaces de mi blog para que vea como un indice...jaja mucho azul enreda la lectura...ahora por mera curiosidad, ese texto de Nuevo! cuando desaparece?..Saludos y Gracias por este truco...
yz Hola Kenneth, ese texto no desaparece pero se va "moviendo" y se añade a las últimas 10 entradas es decir se va actualizando conforme das salida a nuevos post.
ahhh OK:)...Bueno ese "detallito" no tiene mucha importancia..lo bueno es que ya tengo Indice en el blog...Buen Martes☺......
yz Y te quedó lindo, un poco azul en eso tenías razón.
Que tal Gem, muy bueno el aporte, justamente estaba haciéndolo "a mano" imaginate el trabajo... y llegas tu con esta idea genial!!!
Una consulta: si no guardo el script en un servidor (fileden no los acepta) lo hago directamente en la plantilla (algo que se hacer) ¿como indico la llamada al script en la entrada?.
Desde ya muchas gracias.
Antonio
yz Hola Antonio, yo también probé de esa forma con la idea de no buscar alojamiento externo pero al final por aligerar la plantilla me decidí a subir el script en Google Sites.
Lo añadimos antes de </head>
<script type='text/javascript'>
// <![CDATA[
//Mapa del sitio
aquí contenido del script
......
......
......
//]]>
</script>
Y la llamada en esa misma entrada que acogerá el mapa del sitio ;)
<script src="http://nuestro-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
No he conseguido que funcionara, supongo que no lee el script que he alijado en zshare, pero es que es la primera vez que lo hago y no sabía donde alojarlo. Acepto ayuda, antes de intentar cargar más la plantilla que ya veo que se puede por el comentario anterior.
Antonio:
Sensacional!!! ya lo probe y funciona de mil maravillas. Gracias Gem, tus aportes realmente son valiosos... no sabés el trabajo que me has ahorrado...
yz Dña. Urraca en la plantilla puedes probar a poner antes de </head> lo siguiente. Copia y pega tal y como está: acript-texto
yz Me alegra que todo funcione bien Antonio :)
yz Dña. Urraca he actualizado la entrada indicando la forma de añadir el script directamente a la plantilla.
Gracias Gema por este excelente post,ya lo tengo agregado a mi blog con el titulo " contenido " y el script alojado en google sites,y funciona de fabula,gracias.
Menos mal que algo me salió bien no como el truco para ver el avatar en los comentarios que tuve que desistir,gracias de nuevo Gema.
yz Me alegra que resultara bien El Rebotao, en realidad es algo muy sencillo de aplicar.
El tema avatar de comentarios está pasando de castaño a oscuro (es un dicho de mi tierra cuando algo va de mal en peor)
Hola Gema: coloque el mapa del sitio con el script incluido en la plantilla, ahora quiero saber si puedo colocar el mapa en otro sitio que no sea la entrada del mismo blog, osea en otro blog
yz Carlos Ventura puedes ponerlo en cualquier blog el mapa del sitio que aparecerá será el que corresponde con la url del blog que añades.
Muchas gracias Gem@, justo lo que andaba buscado, a ver si google me indexa más entradas ahora.
yz No influye esto para que Google indexe tus entradas Daniel, la función es más bien para localizar las cosas de forma más sencilla al estar más ordenado :)
Gema, esta forma de presentar la información es mas organizada que la anterior la cual estoy utilizando actualmente. Lo cambiare. Gracias por el post.
yz Hola Roudy de la otra forma tenemos la opción de escoger si deseamos visualizar el orden por etiquetas o por fecha, personalmente veo más completa la otra y esta más funcional ;)
muchas gracias la verdad buscaba mucho esto
:: Me alegra que lo encontraras wwe-cv :)
Hola Gema! Hace tiempo ya que vi este post, pero hasta ahora tuve tiempo de implementarlo. Hasta ahora había hecho manualmente el índice de mi blog, pero desde hace unos meses el tiempo que puedo dedicarle se ha reducido drásticamente debido a trabajo y estudio. Me gustaría sólo consultarte dos cosillas: a) ¿Puedo cambiar el color del título de los artículos en el post donde se muestra el índice sin alterar los hipervínculos en el resto del blog? y b) Hay una etiqueta que se repite en dos bloques distintos con el mismo nombre(la de "Línea Poética"), el primero, muestra debajo casi todos los posts que corresponden a ésta, el segundo en cambio, muestra unos pocos posts, que también corresponden a esa etiqueta y que no aparecen en el primer bloque, ¿alguna sugerencia? De antemano, mil gracias por tu ayuda. Salu2 afectuosos desde México!
Hola de nuevo Gema! Fíjate que ya comprendí y corregí ese detalle que me aparecía con la etiqueta que se repetía: al parecer tenía repetida la misma etiqueta, pero en un caso aparecía como "Línea Poética" y en el otro como "linea poética" (que por cierto incurría en una falta ortográfica) :P. Sólo me gustaría que me ayudaras con el asunto del color de los hipervínculos en el post, es decir, ¿es posible alterar el aspectos de éstos en el post sin alterar su aspecto en el resto del blog? Salu2 y muchas gracias por tu atención y paciencia!
:: Saludos Fdo. R. Baños.
Los hipervínculos adquieren el color que tenemos definido en el blog, esos estilos viene en el script.
Se puede añadir el script directamente en la plantilla (yo lo tengo así) y quizás añadiendo un id a ese script añadir nuevos estilos a ese id, pienso en voz alta porque no he probado ni sé si daría buen resultado la verdad :S
Gema... mira que ser el unico al que no le funciona...jajaja pues he hecho unas 5 veces lo que dices, pero no hay manera :O. Edito la entrada como dices, y su contenido no se ve en el blog (no sé si eso es bueno) y luego pongo el enlace en mapa del sitio... y nada, me lleva a la entrada que he creado, no aparece nada especial ¿que hago? http://enchufaelampli.blogspot.com/
:: Antonio Coll todo está corrector en tu blog, lo que ocurre que es necesario tengas en Configuración donde dice permitir feeds del blog en "Completo" mira si fuera eso.
:: En corrector quise decir correcto :S
buaaa ...si que era eso, :$ muchisimas gracias de nuevoo!!
:: Son cosas que ocurren Antonio, me alegra que ya esté funcionando :)
Como no me sale lo del email. Si quiero poner otra entrada de esta forma, es decir dos en él mismo blog se unen..... me salen unidas la una a la otra.... :(
:: Canelaytu para lo del email prueba así:
Si queréis poneros en contacto conmigo<br />
<a href='mailto:canelaytu@yahoo.es' title='Para contactar vía mail'>Contacto</a>
No entiendo eso que te salen dos entradas unidas :S
Si, perdona!!!
Es que el blog de prueba lo tengo hecho un lío... pero en el otro me sale perfecto.... curiosamente.. no se como... pero GENIAL!!!!!
:D
Hole Gem@, tengo una duda: una amiga tiene una MAC y me dice que los links de mi blog no le funcionan... como pudiste ver, tengo varios anuncios o banners en las barras laterales. Yo lo he checado en mi PC y en otras PC's, y funcionan a la perfección... pero no sé entonces qué pasa con las MAC... podrías informarme al respecto?... cómo puede hacerle mi amiga para que funcionen los links?... o qué debo yo implementar en mi blog para que funcione correctamente en todas las máquinas?
un abrazo!
:: No sabría responder a tu pregunta Free Zone Vacations cada navegador interpreta de distinta forma, a veces puede conseguirse que se vea igual pero el MAC no tengo idea :S
Hola Gema
Estoy tratando de implementarlo en mi blog pero el problema que me encuentro es que el menú de cabecera lo he hecho con la nueva función de Blogger (páginas) y por tanto no me sirve eso de enlazarlo a la entrada con los datos. O quizás sí y no sé hacerlo XD
Gracias de antemano
:: ¿Has probado a incluir el contenido que se indica en una entrada dentro de la página que deseas mostrarlo en el menú?
Mira, en este ejemplo yo lo hice en la pestaña de "tercera página"
http://paginasenblogger.blogspot.com/
muy bueno lo use en mi portaltodo.net y me funciono de maravilla muy buen aporte
:: Ha quedado perfecto :)
Hola Gema. Se que el Post tiene un tiempo, pero hay una cosa que me sale muy bien. Realice los pasos tal y como vienen alojando el scrip en google sites, añado el sitemap usando Chrome como navegador y el resultado es el esperado. El problema viene que cuando lo compruebo con Firefox e Internet explorer no aparece, vamos que se ve como una entrada vacia.
www.nivelusuario.com
Gracias
:: Ieltxu Mateo prueba a añadir el script directamente a la plantilla, lo editas y añades de esta forma:
<script type='text/javascript'>
//<![CDATA[
// AQUÍ PONEMOS EL NOMBRE DEL ARCHIVO
y aquí pegamos lo que copiamos del bloc de notas
..................
..................
..................
al final añadimos lo siguiente:
//]]>
</script>
:: Lo del bloc de notas te lo puse porque lo puedes editar buscandod desde ahí el script ;)
Ha funcionado. Muchas gracias :)
:: Genial :)
Puedo utilizar Skydrive de Hotmail para subir el Script? también proporciona una URL.
Gracias.
http://www.sitioparamuchos.blogspot.com/
:: Como poder puedes Miguel pero Skydrive te va a cambiar la url del archivo cada dos por tres :S
Lo que yo haría sería añadirlo directamente a la plantilla así lo tengo ahora.
Para añadirlo a la plantilla lo que se hace es editar el script:
http://gemablog-.blogspot.com/2008/02/editar-un-archivo-partir-de-su-descarga.html
Se copia el contenido del script y se añade en la plantilla de la siguiente forma:
http://gemablog-.blogspot.com/2009/03/problemas-soluciones-y-alternaticas-con.html
Genial, lo que me llama la atención es que los links se ven distintos en los navegadores Chrome, Firefox e IE, seleccione un color similar al fondo del Blog, como tenía la costumbre de usar Word y luego copiar y pegar en el Blog pensé que tal vez había tomado el formato del procesador, pero cambie los títulos sin formato y sigue igual, algunos verdes y otros azules, pero sin ninguna coherencia que me indique donde está el problema
Muchas gracias Gem@ por compartir la info y también tu imagen, ver solamente códigos agota.
:: En Firefox se ven todos verdes Miguel, no sé muy bien por qué se ven distintos en otros navegadores :S
Yo lo de descargar lo entiendo pero, ¿subirlo al servidor?
¿cual es el servidor o donde lo encuentro? y ¿como se utiliza?
Nada lo e intentado subir manualmente y la entrada en la que pongo el codigo en el que tengo que poner e link esta en blanco, mira:
Perdon, el link esta aqui:
http://galaxiahumor.blogspot.com/2009/06/entrada-de-prueba.html
:: No veo nada en esa entrada Raúl, lo que debes añadir es lo siguiente:
<script src="http://galaxiahumor.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
lo sé y sigue sin salirme :(
:: Pues no, no lo veo yo tampoco, haz una cosa en lugar de añadir la url de ese blog añade la del otro de la guitarra y vemos si muestra el mapa del sito.
Hola Gema, ya se me hizo costumbre entrar a tu blog cuando mi blog me da dolor de cabeza, porque sé que aquí encontraré la respuesta!
Como veo el índice está dividido en etiquetas pero dime...será posible seleccionar las etiquetas a mostrar? Tal vez modificando el código, crees? Espero tu respuesta!
Saludos y bendiciones! :)
No gema :( Sigue igual, ¿y no hay otra forma o algo?
:: Raúl el script funciona perfectamente ¿tienes dado de alta el blog en Google? es qu eno sé que otra cosa puede ser.
Hay otra forma de crear un mapa del sitio pero trabaja con el mismo script y yo creo que no esproblema del script sino de tus blogs porque he probado y funciona bien pero al añadir alguna de tus urls no.
:: Camino Ninja no sabría decirte porque las etiquetas se muestran gracias al scripts y no sé si hay forma de modificarlo :S
¿A que te refieres con tenerlo de alta en google?:S
:: Esto por ejemplo:
http://www.google.es/addurl/
Bueno, si te refieres a que si mi blog esta en google, si, osea que cando se busca mi blog en google aparece
:: Eso quiere decir que le diste de alta en esa página, no sabría decirte que otro problema puede ser el que hace que no se muestre el mapa porque es muy extraño que no se muestre en ninguno de tus blogs :S
No importa gema, lo are manualmente hasta que vea algo que lo solucione,de todas formas Muchisimas gracias por el esfuerzo
:: No hay de qué Raúl lo mismo es una tontera pero no consigo saber lo que es :S
¿Le has preguntado a JMiur?
http://gemablog-.blogspot.com/
la verdad esque no, pero si esta no es la solución lo hare:
yo no pongo etiquetas a las entradas que subo, ¿eso tiene algo que ver?
:: Las etiquetas son muy importante Raúl, no sólo por el tema buscadores sino por las visitas.
El gadget de archivos tampoco lo tienes y dime una cosa ¿qué hacen tus visitas para navegar por tu blog? ¿como saben las distintas categorías o etiquetas que tienes? ¿has pensado que a lo mejor no se quieren entretener en darle a la flecha de navegación y prefieren mirar los archivos?
Yo añadiría archivos y etiquetas haz la prueba y si no lo ves útil eliminas en gadget y ya está :)
:: Raúl ahora entiendo porque no se salía el mapa del sitio te faltan las etiquetas!!
:S pues menos mal que te dije lo de las etiquetas :)
Ya esta gema problema solucionado, te debo...
jajaja ya no se ni cuantas te debo :P
debo tenerte agobiada de tantas dudas y problemas, lo siento mucho intentare no agobiarte tanto :)
:: No me debes nada Raúl la pena es que no me di cuenta antes de ese detalle y de agobiar nada de nada ;)
hola Gem@! no se por qué no me aparece. Tengo el feed del sitio en completo y le puse etiquetas a las entradas. Me podrias ayudar??
Listo Gem@, ya lo solucione!! Muchas gracias igual. Muy útil.
:: Estupendo Lionel :)
Hola Gema, me encanta tu blog y hace un tiempo estoy al tanto de todas las cosas que ofreces ;).
Tengo un particular problema con la implementación de este truco :$, intente de ambas formas que sugieres pero nada...Igual lo había intentado con otras formas y tampoco pude. La opción de permitir feeds en completo esta activada, no se que será.
Desde ya muchas gracias y mis saludos cordiales.
:: No sabría decirte porque no puedo ver tu blog Sweet Muse :S
Este truco me ha venido genial para mi blog, poco a poco va teniendo forma. Gracias de nuevo.
Un saludo!!
:: Gracias a ti por comentar Victoria :)
Hola de nuevo Gema :$ Voy a revivir todas tus entradas antiguas al parecer... estaba haciendo un "índice" manualmente en mi blog, y me he acordado del que tú tenías y he dado con esto... he hecho todo como dices pero no consigo que aparezca el listado... no sé qué estaré haciendo mal...
Siento ser tan cansino :X
Muchas gracias otra vez :)
:: ¿Quién habla de ser cansino? |O
¿has probado a poner el script directamente en la plantilla como viene el archivo para descargar??
:: scramblertt la llamada al script debes ponerla en la entrada desde la pestaña de html y no debes convertir el código a texto plano.
¡Vaya cabeza la mía! Muchas gracias otra vez. Ahora el problema es que al organizarlo por etiquetas me salen muchos apartados en los que sólo aparece una entrada... pero se quedará así, ya se llenará :)
Un saludo.
:: Claro que si, las entradas irán llegando :D
Nota: solo los miembros de este blog pueden publicar comentarios.